@import "@/common/common.scss";

.eventContainer {
  margin: 0 20px;
}

.filterForm {
  display: flex;
  justify-content: space-between;
  padding: $small-padding;
  background-color: $grepBack;

  > div:first-child {
    width: calc(100% - 240px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    > div:not(.maxCtrl) {
      width: 18%;
      min-width: 240px;
    }

    .maxCtrl {
      width: 24%;
      min-width: 320px;
    }
  }

  > div:last-child {
    width: 240px;
    text-align: right;
  }
}
